<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.0
Version: 1.5
Author: KeenThemes
Website: http://www.keenthemes.com/
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
   <meta charset="utf-8" />
   <title>利导科技客户关系管理系统 | 我的属性</title>
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta content="width=device-width, initial-scale=1.0" name="viewport" />
   <meta content="" name="description" />
   <meta content="" name="author" />
   <meta name="MobileOptimized" content="320">
   <!-- BEGIN GLOBAL MANDATORY STYLES -->          
   <link href="${base}/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
   <!-- END GLOBAL MANDATORY STYLES -->
   <!-- BEGIN PAGE LEVEL STYLES -->
   <link rel="stylesheet" type="text/css" href="${base}/assets/plugins/bootstrap-fileupload/bootstrap-fileupload.css" />
   <!-- END PAGE LEVEL STYLES -->
   <!-- BEGIN THEME STYLES --> 
   <link href="${base}/assets/css/style-metronic.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/css/style.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/css/plugins.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
   <link href="${base}/assets/css/pages/profile.css" rel="stylesheet" type="text/css" />
   <link href="${base}/assets/css/custom.css" rel="stylesheet" type="text/css"/>
   <!-- END THEME STYLES -->
   <link rel="shortcut icon" href="favicon.ico" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
   <!-- BEGIN HEADER -->   
   <#include "header.ftl">
   <div class="clearfix"></div>
   <!-- BEGIN CONTAINER -->   
   <div class="page-container">
      <!-- BEGIN SIDEBAR -->
      <#include "main_menu.ftl">
      <!-- END SIDEBAR -->
      <!-- BEGIN PAGE -->
      <div class="page-content">
         <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->               
         <div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
               <div class="modal-content">
                  <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                     <h4 class="modal-title">Modal title</h4>
                  </div>
                  <div class="modal-body">
                     Widget settings form goes here
                  </div>
                  <div class="modal-footer">
                     <button type="button" class="btn blue">Save changes</button>
                     <button type="button" class="btn default" data-dismiss="modal">Close</button>
                  </div>
               </div>
               <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
         </div>
         <!-- /.modal -->
         <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
         <!-- BEGIN PAGE HEADER-->
         <div class="row">
            <div class="col-md-12">
               <!-- BEGIN PAGE TITLE & BREADCRUMB-->
               <h3 class="page-title">
                  	我的属性 <small>这里显示了关于你的所有介绍</small>
               </h3>
               <ul class="page-breadcrumb breadcrumb">
                  <li class="btn-group">
                     <button type="button" class="btn blue dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
                     <span>Actions</span> <i class="icon-angle-down"></i>
                     </button>
                     <ul class="dropdown-menu pull-right" role="menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                     </ul>
                  </li>
                  <li>
                     <i class="icon-home"></i>
                     <a href="${base}/admin/admin!main.action">Home</a> 
                     <i class="icon-angle-right"></i>
                  </li>
                  <li><a href="#">我的属性</a></li>
               </ul>
               <!-- END PAGE TITLE & BREADCRUMB-->
            </div>
         </div>
         <!-- END PAGE HEADER-->
         <!-- BEGIN PAGE CONTENT-->
         <div class="row profile">
            <div class="col-md-12">
               <!--BEGIN TABS-->
               <div class="tabbable tabbable-custom tabbable-full-width">
                  <ul class="nav nav-tabs">
                     <li class="active"><a href="#tab_1_1" data-toggle="tab">概览</a></li>
                     <li><a href="#tab_1_3" data-toggle="tab">账户</a></li>
                     <li><a href="#tab_1_4" data-toggle="tab">客户</a></li>
                     <li><a href="#tab_1_6" data-toggle="tab">帮助</a></li>
                  </ul>
                  <div class="tab-content">
                     <div class="tab-pane active" id="tab_1_1">
                        <div class="row">
                           <div class="col-md-3">
                              <ul class="list-unstyled profile-nav">
                                 <li><img src="${base}/resources/images/noimage.gif" class="img-responsive" alt="" /> 
                                 </li>
                                 <li><a href="#">Projects</a></li>
                                 <li><a href="#">Messages <span>3</span></a></li>
                                 <li><a href="#">Friends</a></li>
                                 <li><a href="#">Settings</a></li>
                              </ul>
                           </div>
                           <div class="col-md-9">
                              <div class="row">
                                 <div class="col-md-8 profile-info">
                                    <h1>${employee.fullname}</h1>
                                    <p><#if employee.persondesc?exists>${employee.persondesc}</#if></p>
                                    <p><a href="#">http://www.vipslb.com</a></p>
                                    <ul class="list-inline">
                                       <li><i class="icon-map-marker"></i> <#if employee.birthPlace?exists>${employee.birthPlace}</#if></li>
                                       <li><i class="icon-calendar"></i> <#if employee.birthday?exists>${employee.birthday}</#if></li>
                                       <li><i class="icon-briefcase"></i> ${employee.department.name},${employee.position.name}</li>
                                    </ul>
                                 </div>
                                 <!--end col-md-8-->
                                 <div class="col-md-4">
                                    <div class="portlet sale-summary">
                                       <div class="portlet-title">
                                          <div class="caption">Sales Summary</div>
                                          <div class="tools">
                                             <a class="reload" href="javascript:;"></a>
                                          </div>
                                       </div>
                                       <div class="portlet-body">
                                          <ul class="list-unstyled">
                                             <li>
                                                <span class="sale-info">TODAY SOLD <i class="icon-img-up"></i></span> 
                                                <span class="sale-num">23</span>
                                             </li>
                                             <li>
                                                <span class="sale-info">WEEKLY SALES <i class="icon-img-down"></i></span> 
                                                <span class="sale-num">87</span>
                                             </li>
                                             <li>
                                                <span class="sale-info">TOTAL SOLD</span> 
                                                <span class="sale-num">2377</span>
                                             </li>
                                             <li>
                                                <span class="sale-info">EARNS</span> 
                                                <span class="sale-num">$37.990</span>
                                             </li>
                                          </ul>
                                       </div>
                                    </div>
                                 </div>
                                 <!--end col-md-4-->
                              </div>
                              <!--end row-->
                           </div>
                        </div>
                     </div>
                     <!--tab_1_2-->
                     <div class="tab-pane" id="tab_1_3">
                        <div class="row profile-account">
                           <div class="col-md-3">
                              <ul class="ver-inline-menu tabbable margin-bottom-10">
                                 <li class="active">
                                    <a data-toggle="tab" href="#tab_1-1">
                                    <i class="icon-cog"></i> 
                                    	个人信息
                                    </a>
                                    <span class="after"></span>                                    
                                 </li>
                                 <li ><a data-toggle="tab" href="#tab_2-2"><i class="icon-picture"></i> 编辑头像</a></li>
                                 <li ><a data-toggle="tab" href="#tab_3-3"><i class="icon-lock"></i> 更改密码</a></li>
                                 <li ><a data-toggle="tab" href="#tab_4-4"><i class="icon-eye-open"></i> 隐私设置</a></li>
                              </ul>
                           </div>
                           <div class="col-md-9">
                              <div class="tab-content">
                                 <div id="tab_1-1" class="tab-pane active">
                                    <form role="form" action="#">
                                       <div class="form-group">
                                          <label class="control-label">真实姓名</label>
                                          <input type="hidden" id = "ID" <#if employee.id?exists> value = "${employee.id}" </#if>/>
                                          <input type="text" <#if employee.fullname?exists> value = "${employee.fullname}" </#if> placeholder="真实姓名" class="form-control" />
                                       </div>
                                       <div class="form-group">
                                          <label class="control-label">手机号码</label>
                                          <input type="text" <#if employee.telephone?exists> value = "${employee.telephone}" </#if> class="form-control" />
                                       </div>
                                       <div class="form-group">
                                          <label class="control-label">部门</label>
                                          <input type="text" <#if employee.department.name?exists> value = "${employee.department.name}" </#if> class="form-control" />
                                       </div>
                                       <div class="form-group">
                                          <label class="control-label">职位</label>
                                          <input type="text" <#if employee.position.name?exists> value = "${employee.position.name}" </#if> class="form-control" />
                                       </div>
                                       <div class="form-group">
                                          <label class="control-label">个人说明</label>
                                          <textarea class="form-control" rows="3"><#if employee.persondesc?exists>${employee.persondesc}</#if></textarea>
                                       </div>
                                       <div class="form-group">
                                          <label class="control-label">现住地址</label>
                                          <input type="text" <#if employee.address?exists> value = "${employee.address}" </#if> class="form-control" />
                                       </div>
                                       <div class="margiv-top-10">
                                          <a href="#" class="btn green">保存</a>
                                          <a href="#" class="btn default">取消</a>
                                       </div>
                                    </form>
                                 </div>
                                 <div id="tab_2-2" class="tab-pane">
                                    <p>在这里可以上传你的照片</p>
                                    <form action="${base}/admin/upload!doUpload.action" role="form" method="post" enctype="multipart/form-data">
                                       <div class="form-group">
                                          <div class="thumbnail" style="width: 310px;">
                                             <img src="http://www.placehold.it/310x170/EFEFEF/AAAAAA&amp;text=no+image" alt="">
                                          </div>
                                          <div class="margin-top-10 fileupload fileupload-new" data-provides="fileupload">
                                             <div class="input-group input-group-fixed">
                                                <span class="input-group-btn">
                                                <span class="uneditable-input">
                                                <i class="icon-file fileupload-exists"></i> 
                                                <span class="fileupload-preview"></span>
                                                </span>
                                                </span>
                                                <span class="btn default btn-file">
                                                <span class="fileupload-new"><i class="icon-paper-clip"></i> 选择</span>
                                                <span class="fileupload-exists"><i class="icon-undo"></i> 重选</span>
                                                <input type="file" class="default" name = "upload"/>
                                                </span>
                                                <a href="#" class="btn red fileupload-exists" data-dismiss="fileupload"><i class="icon-trash"></i> 移除</a>
                                             </div>
                                          </div>
                                          <span class="label label-danger">NOTE!</span>
                                          <span>
                                          	只支持最新版本的 Firefox, Chrome, Opera, 
                                          Safari and Internet Explorer 10。
                                          </span>
                                       </div>
                                       <div class="margin-top-10">
                                          <input type = "submit" class="btn green" value = "提交"></a>
                                          <a href="#" class="btn default">取消</a>
                                       </div>
                                    </form>
                                 </div>
                                 <div id="tab_3-3" class="tab-pane">
                                    <form action="#">
                                       <div class="form-group">
                                          <label class="control-label">当前密码</label>
                                          <input type="password" class="form-control" id = "oldpwd"/>
                                       </div>
                                       <div class="form-group">
                                          <label class="control-label">新密码</label>
                                          <input type="password" class="form-control"  id = "newpwd" />
                                       </div>
                                       <div class="form-group">
                                          <label class="control-label">确认密码</label>
                                          <input type="password" class="form-control" id = "rpnewpwd" />
                                       </div>
                                       <div class="margin-top-10">
                                          <a href="javascript:;" id = "ChangePwd" class="btn green">Change Password</a>
                                          <a href="javascript:;" class="btn default">Cancel</a>
                                       </div>
                                    </form>
                                 </div>
                                 <div id="tab_4-4" class="tab-pane">
                                    <form action="#" class="">
                                       <table class="table table-bordered table-striped">
                                          <tr>
                                             <td>
                                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus..
                                             </td>
                                             <td>
                                                <label class="uniform-inline">
                                                <input type="radio" name="optionsRadios1" value="option1" />
                                                Yes
                                                </label>
                                                <label class="uniform-inline">
                                                <input type="radio" name="optionsRadios1" value="option2" checked />
                                                No
                                                </label>
                                             </td>
                                          </tr>
                                          <tr>
                                             <td>
                                                Enim eiusmod high life accusamus terry richardson ad squid wolf moon
                                             </td>
                                             <td>
                                                <label class="uniform-inline">
                                                <input type="checkbox" value="" /> Yes
                                                </label>
                                             </td>
                                          </tr>
                                          <tr>
                                             <td>
                                                Enim eiusmod high life accusamus terry richardson ad squid wolf moon
                                             </td>
                                             <td>
                                                <label class="uniform-inline">
                                                <input type="checkbox" value="" /> Yes
                                                </label>
                                             </td>
                                          </tr>
                                          <tr>
                                             <td>
                                                Enim eiusmod high life accusamus terry richardson ad squid wolf moon
                                             </td>
                                             <td>
                                                <label class="uniform-inline">
                                                <input type="checkbox" value="" /> Yes
                                                </label>
                                             </td>
                                          </tr>
                                       </table>
                                       <!--end profile-settings-->
                                       <div class="margin-top-10">
                                          <a href="#" class="btn green">Save Changes</a>
                                          <a href="#" class="btn default">Cancel</a>
                                       </div>
                                    </form>
                                 </div>
                              </div>
                           </div>
                           <!--end col-md-9-->                                   
                        </div>
                     </div>
                     <!--end tab-pane-->
                     <div class="tab-pane" id="tab_1_4">
                        <div class="row">
                           <div class="col-md-12">
                              <div class="add-portfolio">
                                 <span>502 Items sold this week</span>
                                 <a href="#" class="btn icn-only green">Add a new Project <i class="m-icon-swapright m-icon-white"></i></a>                          
                              </div>
                           </div>
                        </div>
                        <!--end add-portfolio-->
                        <div class="row portfolio-block">
                           <div class="col-md-5">
                              <div class="portfolio-text">
                                 <img src="${base}/assets/img/profile/portfolio/logo_metronic.jpg" alt="" />
                                 <div class="portfolio-text-info">
                                    <h4>Metronic - Responsive Template</h4>
                                    <p>Lorem ipsum dolor sit consectetuer adipiscing elit.</p>
                                 </div>
                              </div>
                           </div>
                           <div class="col-md-5">
                              <div class="portfolio-info">
                                 Today Sold
                                 <span>187</span>
                              </div>
                              <div class="portfolio-info">
                                 Total Sold
                                 <span>1789</span>
                              </div>
                              <div class="portfolio-info">
                                 Earns
                                 <span>$37.240</span>
                              </div>
                           </div>
                           <div class="col-md-2">
                              <div class="portfolio-btn">
                                 <a href="#" class="btn bigicn-only"><span>Manage</span></a>                      
                              </div>
                           </div>
                        </div>
                        <!--end row-->
                        <div class="row portfolio-block">
                           <div class="col-md-5 portfolio-text">
                              <img src="${base}/assets/img/profile/portfolio/logo_azteca.jpg" alt="" />
                              <div class="portfolio-text-info">
                                 <h4>Metronic - Responsive Template</h4>
                                 <p>Lorem ipsum dolor sit consectetuer adipiscing elit.</p>
                              </div>
                           </div>
                           <div class="col-md-5">
                              <div class="portfolio-info">
                                 Today Sold
                                 <span>24</span>
                              </div>
                              <div class="portfolio-info">
                                 Total Sold
                                 <span>660</span>
                              </div>
                              <div class="portfolio-info">
                                 Earns
                                 <span>$7.060</span>
                              </div>
                           </div>
                           <div class="col-md-2 portfolio-btn">
                              <a href="#" class="btn bigicn-only"><span>Manage</span></a>                      
                           </div>
                        </div>
                        <!--end row-->
                        <div class="row portfolio-block">
                           <div class="col-md-5 portfolio-text">
                              <img src="${base}/assets/img/profile/portfolio/logo_conquer.jpg" alt="" />
                              <div class="portfolio-text-info">
                                 <h4>Metronic - Responsive Template</h4>
                                 <p>Lorem ipsum dolor sit consectetuer adipiscing elit.</p>
                              </div>
                           </div>
                           <div class="col-md-5" style="overflow:hidden;">
                              <div class="portfolio-info">
                                 Today Sold
                                 <span>24</span>
                              </div>
                              <div class="portfolio-info">
                                 Total Sold
                                 <span>975</span>
                              </div>
                              <div class="portfolio-info">
                                 Earns
                                 <span>$21.700</span>
                              </div>
                           </div>
                           <div class="col-md-2 portfolio-btn">
                              <a href="#" class="btn bigicn-only"><span>Manage</span></a>                      
                           </div>
                        </div>
                        <!--end row-->
                     </div>
                     <!--end tab-pane-->
                     <div class="tab-pane" id="tab_1_6">
                        <div class="row">
                           <div class="col-md-3">
                              <ul class="ver-inline-menu tabbable margin-bottom-10">
                                 <li class="active">
                                    <a data-toggle="tab" href="#tab_1">
                                    <i class="icon-briefcase"></i> 
                                    General Questions
                                    </a> 
                                    <span class="after"></span>                                    
                                 </li>
                                 <li><a data-toggle="tab" href="#tab_2"><i class="icon-group"></i> Membership</a></li>
                                 <li><a data-toggle="tab" href="#tab_3"><i class="icon-leaf"></i> Terms Of Service</a></li>
                              </ul>
                           </div>
                           <div class="col-md-9">
                              <div class="tab-content">
                                 <div id="tab_1" class="tab-pane active">
                                    
                                 </div>
                                 <div id="tab_2" class="tab-pane">
                                   
                                 </div>
                                 <div id="tab_3" class="tab-pane">
                                  
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <!--end tab-pane-->
                  </div>
               </div>
               <!--END TABS-->
            </div>
         </div>
         <!-- END PAGE CONTENT-->
      </div>
      <!-- END PAGE -->    
   </div>
   <!-- END CONTAINER -->
  <#include "footer.ftl">
   <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
   <#include "coreJsPlugins.ftl">
   <!-- BEGIN PAGE LEVEL PLUGINS -->
   <script type="text/javascript" src="${base}/assets/plugins/bootstrap-fileupload/bootstrap-fileupload.js"></script>
   <!-- END PAGE LEVEL PLUGINS -->
   <!-- BEGIN PAGE LEVEL SCRIPTS -->
   <script src="${base}/assets/scripts/app.js"></script>      
   <!-- END PAGE LEVEL SCRIPTS -->
   <script>
      jQuery(document).ready(function() {       
         // initiate layout and plugins
         App.init();
         
         $("#ChangePwd").click(function(){
         	var oldpwd = $("#oldpwd").val();
         	var newpwd = $("#newpwd").val();
         	var rpnewpwd = $("#rpnewpwd").val();
         	$.ajax({
		        type:"post",
		        url:"${base}/admin/employee!changepwd.action",
		        dataType:"json",
		        data:"id="+$("#ID").val()+"&oldpwd="+oldpwd+"&newpwd="+newpwd+"&rpnewpwd="+rpnewpwd,
		        cache:false,
		        beforeSend:function(XMLHttpRequest){},
		        success:function(json){
		        	result = json.result;
		        	if(result == false){
			        	alert("密码重置失败，请重试！");
		        	}else{
		        		$("#oldpwd").val("");
         				$("#newpwd").val("");
         				$("#rpnewpwd").val("");
         				alert(result);
		        	}
		          
		        },
			    complete:function(XMLHttpRequest,textStatus){},
		      	error:function(XMLHttpRequest,textStatus,errorThrown){
		      		alert("很抱歉,网络出错,请重试！");
		      	}
		    });
         });
         
      });
   </script>
   <!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>